<!-- technology-right -->
<div class="col-md-3 technology-right">


    <div class="blo-top1">

        <div class="tech-btm">
            <h4>Popular Posts </h4>
            <div class="blog-grids wow fadeInDown" data-wow-duration=".8s" data-wow-delay=".2s">
                <div class="blog-grid-left">
                    <a href="singlepage.html"><img src="images/t2.jpg" class="img-responsive" alt=""></a>
                </div>
                <div class="blog-grid-right">

                    <h5><a href="singlepage.html">Pellentesque dui Maecenas male</a> </h5>
                </div>
                <div class="clearfix"> </div>
            </div>
            <div class="blog-grids wow fadeInDown" data-wow-duration=".8s" data-wow-delay=".2s">
                <div class="blog-grid-left">
                    <a href="singlepage.html"><img src="images/m2.jpg" class="img-responsive" alt=""></a>
                </div>
                <div class="blog-grid-right">

                    <h5><a href="singlepage.html">Pellentesque dui Maecenas male</a> </h5>
                </div>
                <div class="clearfix"> </div>
            </div>
            <div class="blog-grids wow fadeInDown" data-wow-duration=".8s" data-wow-delay=".2s">
                <div class="blog-grid-left">
                    <a href="singlepage.html"><img src="images/f2.jpg" class="img-responsive" alt=""></a>
                </div>
                <div class="blog-grid-right">

                    <h5><a href="singlepage.html">Pellentesque dui Maecenas male</a> </h5>
                </div>
                <div class="clearfix"> </div>
            </div>
            <div class="blog-grids wow fadeInDown" data-wow-duration=".8s" data-wow-delay=".2s">
                <div class="blog-grid-left">
                    <a href="singlepage.html"><img src="images/t3.jpg" class="img-responsive" alt=""></a>
                </div>
                <div class="blog-grid-right">

                    <h5><a href="singlepage.html">Pellentesque dui Maecenas male</a> </h5>
                </div>
                <div class="clearfix"> </div>
            </div>
            <div class="blog-grids wow fadeInDown" data-wow-duration=".8s" data-wow-delay=".2s">
                <div class="blog-grid-left">
                    <a href="singlepage.html"><img src="images/m3.jpg" class="img-responsive" alt=""></a>
                </div>
                <div class="blog-grid-right">

                    <h5><a href="singlepage.html">Pellentesque dui Maecenas male</a> </h5>
                </div>
                <div class="clearfix"> </div>
            </div>
            <div class="insta wow fadeInDown" data-wow-duration=".8s" data-wow-delay=".2s">
                <h4>Instagram</h4>
                <ul>

                    <li><a href="singlepage.html"><img src="images/t1.jpg" class="img-responsive" alt=""></a></li>
                    <li><a href="singlepage.html"><img src="images/m1.jpg" class="img-responsive" alt=""></a></li>
                    <li><a href="singlepage.html"><img src="images/f1.jpg" class="img-responsive" alt=""></a></li>
                    <li><a href="singlepage.html"><img src="images/m2.jpg" class="img-responsive" alt=""></a></li>
                    <li><a href="singlepage.html"><img src="images/f2.jpg" class="img-responsive" alt=""></a></li>
                    <li><a href="singlepage.html"><img src="images/t2.jpg" class="img-responsive" alt=""></a></li>
                    <li><a href="singlepage.html"><img src="images/f3.jpg" class="img-responsive" alt=""></a></li>
                    <li><a href="singlepage.html"><img src="images/t3.jpg" class="img-responsive" alt=""></a></li>
                    <li><a href="singlepage.html"><img src="images/m3.jpg" class="img-responsive" alt=""></a></li>
                </ul>
            </div>

            <p>Lorem ipsum ex vix illud nonummy, novum tation et his. At vix scripta patrioque scribentur, at pro</p>
        </div>



    </div>


</div>
<!-- technology-right -->